		//初始化
  	jQuery(document).ready(function($) {
  		sms_getSmsTemplet('all',1);//加载模板数据。
  		
  		//初始化颜色选择控件。
		$("#icolor4").icolor({
				onSelect:function(c){
						$('#inputtext').css('color', c); 
						color10=getColor10FromHax(c);
						$('#textcolor').val(color10);//.css('color', c); 
				}
		});	
			
			//初始化可拖拽对象。
  		$("#sms_draggable_icon").draggable({ containment: '#show_sms_bg' });
  		
  		//清空文字输入区内容。
  		$('#inputtext').val('');
			
		//初始化，模板列表。添加必要的事件。
		$('#thumbs >  ul > li').each(function(i){
							$(this).unbind("click").bind("click",function(){
										var selectedBg = $(this).find('img').attr('rel');
										$('#inputtext')
												.css('background'
															,"url('"+sms_getThumbBaseUrl(240,152,selectedBg)+"')"); 
										$('#smsimg').val(selectedBg);
										$('#thumbs >  ul > li').each(function(i){
												$(this).removeClass('selected');
												$(this).addClass('unselected');
										});
										$(this).removeClass('unselected');
										$(this).addClass('selected');
							});
		});		
	});
		
		
	//提交模板预览
	function submitPrivew(){
		if($('#smsimg').val()==''){
   			k_error('请选择背景！');
   			return;
   		}
		/** 获取文字坐标 **/
		var _left = $('#sms_draggable_icon').css('left');
		var _top = $('#sms_draggable_icon').css('top');
     	$('#xyOffset').val(_left+','+_top);
     	$('#smstext').val($('#inputtext').val());
     	$('#smsicon').val($('#sms_draggable_icon').attr('src'));
     	//alert($('#smsicon').val() + " " + $('#textcolor').val() + " " + $('#textxy').val() + " " + $('#smsimg').val() + " " + $('#smstext').val());
		$('#privewform').submit();
	}
		
		
		//转化颜色值
   	function getColor10FromHax(color16){
   		var str1 = color16.substr(1 ,2);
   		var str2 = color16.substr(3 ,2);
   		var str3 = color16.substr(5 ,2);
   		//alert(color16+"  "+str1+"  "+str2+"  "+str3);
   		var no1 = parseInt(str1, 16);
   		var no2 = parseInt(str2, 16);
   		var no3 = parseInt(str3, 16);
   		//alert(color16+"  "+str1+"  "+str2+"  "+str3+"  "+no1+"  "+no2+"  "+no3);
   		return no1+","+no2+","+no3;
   	}
   	
   	
   	var _sms_current_scode='all';//记录当前选择查看的模板类型。
   	/** 查询指定类别的彩信模板 **/
   	function sms_getSmsTemplet(scode,pno){
   			sms_settitlestyle(scode);
   			_sms_current_scode = scode;
   			$.kajax({      
   					ajx_rtn_type:'JSON',
				    url:_smst_geturl,      
				    type:'post', //数据发送方式  
				    data:{sort_id:scode,pno:pno} ,   
				    //dataType:'xml', //接受数据格式      
				    error:function(json){     
				            // alert( "not lived!");     
				       },     
				    async: false ,//同步方式     
				    success: function(obj){ 
				    		$('#sms_thumbs_nav').html(obj.html);
				    		html_ = '';
				    		objs = obj.data;
				    		thumb_len_=4;
				    		$('#sms_thumb_item_ul').find('li').each(function(j){
				    							if(objs.length<=j){
				    									$(this).addClass('hide');
				    							}else{
				    									$(this).find('img').attr('src',sms_getThumbBaseUrl(190,120,objs[j].imgpath));
				    									$(this).find('img').attr('rel',objs[j].imgpath);
				    									$(this).removeClass('hide');
				    							}
				    							$(this).removeClass('selected');
				    							$(this).addClass('unselected');
						   			});
				    } 
  			});  
   	}
   	
   	/** 设置彩信编辑模块的标题点击样式 **/
   	function sms_settitlestyle(scode){
   			if(scode!='upload'){
   					$('#sms_upload_area').addClass('hide');
   					$('#list_sms_thumbs').removeClass('hide');
   					$('#sms_photo_big4edit').addClass('hide');
   					$('#inputtext').removeClass('hide');
   			}else{
   					$('#list_sms_thumbs').addClass('hide');
   					$('#sms_upload_area').removeClass('hide');
   					$('#inputtext').addClass('hide');
   					$('#sms_photo_big4edit').removeClass('hide');
   			}
   			$('.sms_edit_panel > .panel-title > ul > li').each(function(i){
   						var rel_ = $(this).attr('rel');	
   						if(rel_!='edit'&&rel_!='partition'){
   							$(this).removeClass('tab-title-current');
   						}
   			});
   			$('.sms_edit_panel > .panel-title > ul > li[rel='+scode+']').addClass('tab-title-current');
   	}
   	
   	//分页浏览函数
   	function goPage(pno){
   			sms_getSmsTemplet(_sms_current_scode,pno);
   	}
   	
   	//生成临时模版函数
   	function sms_createSmsBackGround(){
   			if($('#smsimg').val()==''){
   				k_error('请选择背景！');
   				return;
   			}
   			var _icon = $('#sms_draggable_icon').attr('src');
   			if(_icon==''){
   				k_error('请选择图标后在操作！');
   				return;
   			}
			var now= new Date();//获取系统毫秒数，避免图片加载缓存中的图片
   			var milSecond = now.getMilliseconds();
   			var _left = $('#sms_draggable_icon').css('left');
   			var _top = $('#sms_draggable_icon').css('top');

     		$.kajax({ 
     				ajx_rtn_type:'JSON',
				    url:$('#privewform').attr('action'),      
				    type:'post', //数据发送方式  
				    data:{xyOffset:(_left+','+_top),smsicon:_icon,
				    			smsimg:$('#smsimg').val(),ifsaveImg:'yes'} ,   
				    //dataType:'xml', //接受数据格式          
				    async: false ,//同步方式     
				    success: function(obj){ 
				    			if(obj.status==1){
				    				if(obj.tmp_smsimgPath!=null&&obj.tmp_smsimgPath!=''){
								    	$('#inputtext').css('background', "url('"+_smst_relbaseurl+obj.tmp_smsimgPath+"?milSecond="+milSecond+"')");
						    			$('#smsimg').val(obj.tmp_smsimgPath);
						    			$('#sms_draggable_icon').addClass('hide');
										$('#sms_draggable_icon').attr('src','');
										k_success('新背景生成成功,可继续添加图标！');
				    				}
				    			}else{
				    				k_error('新背景生成失败！');
				    			}
				    } 
  			}); 
   	}